/*   ==reset==   */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
    display: inline
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-spacing: 0;
}
b{font-weight:bold;}
i{font-style:italic;}

input:focus,
textarea:focus,
select:focus{/*outline:none;*/}
textarea{resize:none;}

h2 {font-size: 32px;}
h4 {font-size: 16px; text-decoration: underline}

a:link {color:#557AAD}
a:visited {color:#878}
a:hover {color:#285EA8}
/**/
#top > table td {vertical-align:middle}

/*main document*/
div#top {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 91%, #efefef 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(91%,#ededed), color-stop(99%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 91%,#efefef 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ededed 91%,#efefef 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 91%,#efefef 99%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ededed 91%,#efefef 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
border-bottom:1px #cccccc solid; padding: 0; border-collapse: collapse; 
}

div#top > div.menu a, div#top > div.menu span {font-size: 16px; font-family: Trebuchet MS, Helvetica; padding:20px 20px; margin:0 10px; text-decoration: none; color:black;}
div#top >  div.menu span.current { padding-bottom: 20px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, rgba(238,238,238,0) 79%, rgba(229,229,229,0.95) 99%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(43%,rgba(255,255,255,0)), color-stop(79%,rgba(238,238,238,0)), color-stop(99%,rgba(229,229,229,0.95)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 43%,rgba(238,238,238,0) 79%,rgba(229,229,229,0.95) 99%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 43%,rgba(238,238,238,0) 79%,rgba(229,229,229,0.95) 99%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 43%,rgba(238,238,238,0) 79%,rgba(229,229,229,0.95) 99%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 43%,rgba(238,238,238,0) 79%,rgba(229,229,229,0.95) 99%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border-bottom:2px #D93636 solid;
}
div#top > div.menu a.inactive {opacity: .3; cursor: default}


@media (min-width: 300px) {
  #top {
    height: auto;
  }
  #top div.logo td, #top div.menu td {text-align: center}
  #top div.logo > table, #top div.menu > table {height:60px; width: 100%;}
  #top div.logo > table td {vertical-align: middle}
  #top div.menu > table td {vertical-align: middle}
  
  #top div.menu {text-align: right}
   #top > div.logo img {display: inline}
  #top > div.logo img {margin-left: 0px;}
  #top div.menu span.margin {margin-right: 0px;}
  table#main {padding: 20px 20px 20px 20px;}
  div#YMapsID {display: none}
  td#events {display: none}
  span.actions {display: none}
}

@media screen and (min-width: 640px) {
  #top {
    height: 60px;
  }
  #top > div {
    float: left;
  }
  #top > div.logo {width: 20%}
  #top > div.menu {width: 80%}
  #top div.logo td {text-align: left}
  #top div.logo > table, #top div.menu > table {height:60px;}
  #top div.logo > table td {vertical-align: middle}
  #top div.menu > table td {vertical-align: middle}
  
  #top div.menu td {text-align: right}
  
  #top > div.logo img {margin-left: 40px;}
  #top > div.logo img {display: block}
  table#main {padding: 20px 40px 40px 40px;}
  div#YMapsID {display: block}
  span.actions {display: inline}
}

table#main {font-family: Helvetica; line-height: 1.3; font-size: 14px; width: 100%;}
table#main > td {vertical-align: top; padding-top: 20px;}
table#main td#meeting p { margin-bottom: 6px;}
table#main td#meeting div.description {margin-bottom: 20px;}
table#main td#meeting h4 {margin-top:15px; margin-bottom: 3px;}

table#main table.time td:first-of-type {width: 110px;}
table#main table.time td:last-of-type {padding-bottom: 5px;}

span.actions {float: right;}
span.actions a {margin-left: 15px;}
span.actions img {position: relative; top:2px;}

span.place_time {font-size: 14px;}
span.place_time a {text-decoration: none; border-bottom:1px dashed}
table#main h2 {margin-bottom: 3px;}

table#experts tr:last-of-type td{padding-bottom: 15px}

table#experts td {vertical-align: top}
table#experts td.photo {padding-right: 15px; padding-bottom: 20px;}
table#experts td.photo img {width: 125px; display: block;}
table#experts td.about {width: 350px; padding-bottom: 20px;}
table#experts td.about a img {margin-right:5px;}

table#main td#meeting h3 {font-size: 16px; margin-bottom: 4px;}

div#map {margin:10px 0;}
@media screen and (min-width: 900px) {
td#events {display: block; padding-left: 10px;}
table#main td#meeting {width: 600px; background: url(../img/corner.png); background-repeat: no-repeat; background-position: top right; padding-right: 30px;}
}
@media screen and (min-width: 1000px) {
  #top {width: 1000px; border-left:1px #ccc solid; border-right:1px #ccc solid; margin:0 auto; border-radius:0px 0px 5px 5px}
  table#main {width: 1000px; margin:0 auto; padding:20px 20px;}
}

div.recommended { height: 500px; padding:20px;}